/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*
 * 底部沉底
 */





/*
 * 图标
 */
.icon-login-name{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-login-name.png);background-repeat:no-repeat;}
.icon-login-pwd{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-login-pwd.png);background-repeat:no-repeat;}

.icon-gou-gray{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-gou-gray.png);background-repeat:no-repeat;}
.icon-cancel-gray{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-cancel-gray.png);background-repeat:no-repeat;}
.icon-delete-gray{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-delete-gray.png);background-repeat:no-repeat;}
.icon-add-gray{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-add-gray.png);background-repeat:no-repeat;}
.icon-export-gray{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-export-gray.png);background-repeat:no-repeat;}

.icon-gou-red{display:inline-block;width:16px;height:16px;line-height:20px;background-image:url(../images/icon-gou-red.png);background-repeat:no-repeat;}
.icon-cancel-yellow{display:inline-block;width:16px;height:16px;line-height:20px;background-image:url(../images/icon-cancel-yellow.png);background-repeat:no-repeat;}
.icon-delete{display:inline-block;width:16px;height:16px;line-height:20px;background-image:url(../images/icon-delete.png);background-repeat:no-repeat;}
.icon-add-green{display:inline-block;width:16px;height:16px;line-height:20px;background-image:url(../images/icon-add-green.png);background-repeat:no-repeat;}
.icon-export-blue{display:inline-block;width:16px;height:16px;line-height:20px;background-image:url(../images/icon-export-blue.png);background-repeat:no-repeat;}

.icon-close{display:inline-block;width:24px;height:24px;line-height:20px;background-image:url(../images/icon-close.png);background-repeat:no-repeat;}

.icon-edit-alert{display:inline-block;width:42px;height:42px;line-height:20px;background-image:url(../images/icon-edit-alert.png);background-repeat:no-repeat;}

.icon-setting{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-setting.png);background-repeat:no-repeat;}
.icon-key{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-key.png);background-repeat:no-repeat;}
.icon-shutdown{display:inline-block;width:20px;height:20px;line-height:20px;background-image:url(../images/icon-shutdown.png);background-repeat:no-repeat;}

/*
 * 居中容器
 */
.w980{margin-left:auto;margin-right:auto;width:980px;}
.w1000{margin-left:auto;margin-right:auto;width:1000px;}

/*
 * 工具类
 */
.fl{float:left;}
.fr{float:right;}



/*
 * 按钮
 */

.btn-sure-wrap{display:inline-block;margin-right:15px;border:1px solid #a7c543;border-radius:2px;}

.btn-sure{display:inline-block;padding:6px 14px;color:#FFF;border-radius:2px;border:1px solid #c4d466;cursor:pointer;background-color:#a7c543;text-decoration:none;font-size:14px;font-weight:700;}

.btn-cancel-wrap{display:inline-block;border:1px solid #d9d9d9;border-radius:2px;}

.btn-cancel{display:inline-block;padding:6px 14px;color:#2d3c54;border-radius:2px;border:1px solid #FFF;cursor:pointer;background-color:#f2f2f2;text-decoration:none;font-size:14px;font-weight:700;}


.btn-sure.btn-upload{padding-left:32px;background:url(../images/icon-img.png) no-repeat 8px 50% #a7c543;}
.btn-sure.btn-edit{padding-left:32px;background:url(../images/icon-edit.png) no-repeat 8px 50% #a7c543;}
.btn-sure.btn-save{padding-left:32px;background:url(../images/icon-save.png) no-repeat 8px 50% #a7c543;}

/* 图片按钮 --图文展示*/
.btn-img-edit{ background:url(../images/icon-edit-green.png) no-repeat left center;width:20px ;height: 20px;display: block;}
.btn-img-del{ background:url(../images/icon-delete-green.png) no-repeat left center;width:20px ;height: 20px; display: block;}
/* 图片按钮 --文字展示*/
.btn-text-edit{ background:url(../images/icon-edit01.png) no-repeat left center;width:15px ;height: 15px;display: inline-block}
.btn-text-del{ background:url(../images/icon-delete01.png) no-repeat left center;width:15px ;height: 15px; display: inline-block;}

/* 文字按钮 */
.btn-text{padding:0 10px;font-size:12px;text-decoration:none;color:#008ad9;}
.btn-text.disable{color:#a4a4a4;}


/*
 * 布局
 */
.top{position:absolute;top:0;left:0;width:100%;height:60px;background-color:#172d3b;}
.main{position:absolute;top:60px;bottom:0;left:0;right:0;}
.leftBar{position:absolute;top:0;bottom:0;left:0;right:0;width:200px;height:100%;/*border-right:2px solid #d0cfd2;*/background-color:#f0efef;overflow:auto;}
.content{position:absolute;top:0;bottom:0;left:200px;right:0;height:100%;overflow:auto;}
/*
 * 头部
 */
.logo-anyforweb{width:200px;height:60px;}
.logo-anyforweb table{width:100%;height:100%;}

.top-account{position:relative;border-left:1px solid #081d2b;}

.top-account-info a{display:block;padding:6px 10px;font-size:14px;text-decoration:none;color:#88adbe;border-left:1px solid #223f52;}
.top-account-info a:hover{color:#FFF;}

.top-account-dropdown{position:absolute;top:60px;left:-42px;display:none;width:135px;border:1px solid #DDD;border-radius:2px;z-index:9;background-color:#FFF;}
.top-account-dropdown ul{margin:0;padding:0;list-style:none;}
.top-account-dropdown li{position:relative;height:34px;border-top:1px solid #DDD;}
.top-account-dropdown li:first-child{border-top:0;}
.top-account-dropdown li a{display:block;height:34px;line-height:34px;text-indent:40px;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;text-decoration:none;color:#666;}
.top-account-dropdown li s{position:absolute;top:7px;left:10px;}
.top-account-dropdown li a:hover{color:#172d3b;}
.top-account-dropdown b{position:absolute;top:-6px;right:20px;display:block;width:12px;height:6px;background:url(../images/img01.png) no-repeat;}

/*
 * 左侧
 */

.client-login-info{padding:20px 0 10px;text-align:center;background:url(../images/line-leftnav.png) repeat-x left bottom;}
.client-login-info-name{padding:10px 0;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;}
.client-login-info-operate{font-size:12px;color:#0072ad;}
.client-login-info-operate a{padding:0 5px;color:#0072ad;text-decoration:none;text-shadow:1px 1px 1px #FFF;}

.subMenu{}
.subMenu-t{text-align:center;}
.sunMenu-list ul{padding:0;list-style:none;}
.sunMenu-list li{height:47px;}
.sunMenu-list li a{position:relative;display:block;padding-bottom:2px;height:45px;line-height:45px;text-decoration:none;font-size:14px;text-shadow:1px 1px 1px #FFF;color:#2d3c54;background:url(../images/line-leftnav.png) repeat-x left bottom;font-family:\5FAE\8F6F\96C5\9ED1;}
.sunMenu-list li s{position:absolute;top:0;left:-43px;display:inline-block;width:45px;height:45px;background-color:#fb6b5b;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-0-transition:.5s;}
.sunMenu-list li img{position:absolute;left:11px;top:13px;}
.sunMenu-list li span{display:inline-block;height:45px;margin-left:45px;padding-left:20px;border-left:1px solid #DDD;}
.sunMenu-list li a:hover,.sunMenu-list li.on a{background-color:#FFF;}
.sunMenu-list li a:hover s,.sunMenu-list li.on s{left:0;}

/*
 * 菜单栏
 */
.menuBar{position:relative;height:60px;border-bottom:1px solid #d6d5d5;}
.menuBar ul{margin:0;padding:0;list-style:none;overflow:hidden;}
.menuBar li{float:left;width:96px;height:60px;}
.menuBar li a{display:block;width:100%;height:60px;line-height:60px;text-align:center;color:#465a7b;font-size:14px;text-decoration:none;color:#FFF;font-family:\5FAE\8F6F\96C5\9ED1;}
.menuBar li a img{margin-bottom:10px;}
.menuBar li a:hover,.menuBar li.on a{background-color:#2e424f;}

.menuBar_slides{position:relative;width:100%;height:60px;overflow:hidden;}
.menuBar_slides .JQ-slide-content{/*position:absolute;*/width:100%;}
.menuBar .prev,.menuBar .next{position:absolute;top:32px;display:block;width:16px;height:27px;background-image:url(../images/btn-prev-next.png);background-repeat:no-repeat;}
.menuBar .prev{left:0;}
.menuBar .next{right:0;background-position:-16px 0;}


/*
 * 操作条
 */
.operateBar{padding:15px 0;height:26px;font-size:12px;/*border-bottom:1px solid #e8e8e8;*/}
.operateBar ul{margin:0;padding:0;list-style:none;}
.operateBar li{position:relative;float:left;margin-right:20px;height:26px;line-height:26px;}
.operateBar li a{display:block;padding:0 15px 0 35px;height:26px;color:#FFF;text-decoration:none;border-radius:13px;}
.operateBar li a:hover{}
.operateBar li s{position:absolute;left:13px;top:5px;}

.operate-all{background-color:#fb6b5b;}
.operate-cancel{background-color:#ffc333;}
.operate-delete{background-color:#8ec165;}
.operate-add{background-color:#65bd77;}
.operate-export{background-color:#4cc0c1;}


/*
 * 当前位置
 */
.position{padding-left:20px;height:30px;line-height:30px;border-top:1px solid #eaeaea;font-size:12px;color:#7a7a7a;background-color:#f5f5f5;}
.position a{text-decoration:none;color:#7a7a7a;}

/*
 * 客户服务
 */
.img-reservation{position:fixed;right:0;top:30%;}

/*
 * 分页
 */
.pageList-wrap{margin:16px;height:30px;font-size:12px;}
.page-info{float:left;line-height:30px;}
.page-info p{margin:0;}
.page-info b{color:#3399d5;}
.pageList a,.pageList span{float:left;margin-right:-1px;padding:5px 10px;color:#3399d5;border:1px solid #DDD;text-decoration:none;}
.pageList a:hover,.pageList span{text-decoration:none;color:#737373;background-color:#f5f5f5;}

/*
 * 弹框
 */
.pop-mask{position:absolute;left:0;top:0;display:none;width:100%;height:100%;z-index:999;background:url(../images/bg-mask.png) repeat;}
.cms-pop{position:fixed;left:50%;top:50%;margin:-135px 0 0 -240px;width:480px;height:270px;background-color:#FFF;box-shadow:0 0 5px #333;z-index:1000;border-radius:3px;}
.cms-pop-t{position:relative;height:40px;background-color:#a6c542;border-radius:3px 3px 0 0;}
.cms-pop-title{padding-left:20px;line-height:40px;color:#FFF;font-size:14px;}
.cms-pop-t .icon-close{position:absolute;top:8px;right:10px;}
.cms-pop-content{position:relative;padding-left:60px;/*margin:60px auto 40px;*/margin:80px auto 50px;width:200px;}
.cms-pop-content s{position:absolute;left:0;top:0;}
.cms-pop-content h5{margin:0;font-size:14px;}
.cms-pop-content p{margin:5px 0 0;font-size:12px;color:#858686;}
.cms-pop-btns{text-align:center;}

.table-changepwd{margin:15px 0;}
.table-changepwd input{padding:3px 10px;height:20px;line-height:20px;}


/*
 * 选项卡
 */
.tab-wrap{margin-top:1px;height:36px;background:url(../images/bg-tab-x.png) repeat-x #f5f5f5;} 
.tab{margin:0;padding:2px 0 0 35px;height:34px;list-style:none;}
.tab li{float:left;width:110px;height:32px;}
.tab li a{display:block;width:110px;height:32px;text-align:center;line-height:32px;font-size:14px;border-top:2px solid #f5f5f5;text-decoration:none;color:#2d3c54;font-size:12px;}
.tab li a:hover,.tab li.on a{background-color:#FFF;border-color:#a0b937;font-weight:700;}

/*
 * 表单
 */
input,select,textarea{border:1px solid #d4d4d4;background-color:#FFF;}
input[type="text"]{padding:3px 10px;height:20px;line-height:20px;}
select{padding:3px;height:26px;}
label.error{margin-left:10px;color:#F00;}

/*
 * 表格
 */
table{width:100%;font-size:12px;}
th{font-weight:500;}
/* 后台控件生成table,会对原生样式有影响，所以去掉padding初始化设计*/


.color-red{color:#F00;}
.tab-ct-wrap{padding:15px;}

/* 订单管理表格 */
.table-module02{margin-top:20px;}
.table-module02 thead th{border-bottom:1px solid #c5c3c3;}
.table-module02 tbody th,.table-module02 tbody td{border-bottom:1px solid #e0dfdf;}
.table-module02 th{background-color:#f8f8f8;}

/* 列表表格-带图片 */
.table-module03 thead th{border-bottom:1px solid #c5c3c3;background-color:#f8f8f8;}
.table-module03 h4{margin:5px 0;font-weight:500;}
.table-module03 p{margin:0;color:#919191;}
.table-module01 th,.table-module01 td{padding:8px;}
/*
 * 图片管理
 */
.gridList ul{margin:0;padding:0;list-style:none;overflow:hidden;}
.gridList li{float:left;margin:12px;padding:8px;background-color:#f5f5f5;font-size:12px;text-align:center;}
.gridList li div{margin:7px 0;height:16px;overflow:hidden;}
.operateBox{color:#018ad1;}

/*
 * 404
 */
.errorPage{text-align:center;}
.errorPage img{margin:70px 0 20px;}


/*
 * 首页
 */
.welcome{border-bottom:1px solid #DDD;}
.welcome-word{padding:30px 0 8px 60px;height:33px;font-size:24px;background:url(../images/img-cloud.png) no-repeat 0 25px;}
.login-time{padding-bottom:12px;font-size:12px;}
.login-time a{color:#0072ad;text-decoration:none;}
.login-time a:hover{text-decoration:underline;}

/* 内容区域 */
.listPage,.editPage,.indexPage{position:relative;margin-left:20px;width:90%;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
